// sidebar
$menuText:#555;
$subMenuActiveText:#f4f4f5;
$subActive:#1BA88E;
$green:#03A98E;
$sidebair:#19b098;




// 常用
$menuActiveText:#03A98E;
$white:#fff;
$colour_f7:#f7f7f7;
$colour_f2fb:#f2fbf9;
$colour_f5:#f5f5f5;
$colour_f4:#F4F4F4;
$colour_e6:#E6E6E6;
$colour_18:#181818;
$colour_3:#333;
$colour_6:#666;
$colour_9:#999;
$colour_orange:#E47C02;
$colour_red:#EB0A0A;
$colour_c:#ccc;

// 订单状态颜色
$order_color1:rgb(17, 138, 178);
$order_color2:rgb(170, 205, 110);
$order_color3:rgb(7, 59, 76);
$order_color4:rgb(204, 205, 204);



$menuBg:#304156;
$menuHover:#263445;

$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$sideBarWidth_210: 180px;
$sideBarWidth_54: 54px;

// 字体
$font_12:12px;
$font_14:14px;
$font_16:16px;
$font_18:18px;
$font_24:24px;
$font_34:34px;

:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth_210: $sideBarWidth_210;
  sideBarWidth_54: $sideBarWidth_54;
  sidebair:$sidebair
}

/*
 * 统一样式
 */
// 主体色值
$theme_font_color: #03A98E;
// 标准色值
$standard_font_color: #000;
// 辅助色值
$auxiliary_font_color: #303030;
// 更多
$more_font_color: #808080;


// 主体字体
$theme_font_size: 18px;
// 普通字体
$ordinary_font_size: 14px;
// 小普通字体
$smallOrdinary_font_size: 12px;
// 特殊字体
$special_font_size: 24px;

$text_color: #444;
$menu_color: #555;
$num_color: #222;

@mixin flex($c, $a) {
  display: flex;
  justify-content: $c;
  align-items: $a;
}
.mg-l-10 {
  margin-left: 10px;
}
.mg-l-20 {
  margin-left: 20px;
}
.mg-t-10 {
  margin-top: 10px;
}
.mg-t-0 {
  margin-top: 0px;
}
.mg-t-16 {
  margin-top: 16px;
}
.mg-t-20 {
  margin-top: 20px;
}
.add-btn {
  background-color: #fff;
  border-color: $menuActiveText;
  color: $menuActiveText;
  &:hover {
    background-color: rgba(3,169,142,.2);
  }
}
.table-btn {
  display: flex;
  p {
    cursor: pointer;
    margin-left: 13px;
    &:first-child {
      margin-left: 0;
    }
  }
  .btn-edit {
    color: #42BEAA;
    &:hover {
      text-decoration: underline;
    }
  }
  .btn-delete {
    color: rgba(255,85,102,0.8);
    &:hover {
      text-decoration: underline;
    }
  }
}
.main-dialog-btn {
  &.align-right {
    text-align: right;
  }
  .submit {
    color: #fff;
    border-color: $subActive;
    background-color: $subActive;
    &:hover {
      background-color: rgba(3,169,142,.8);
      border-color: rgba(3,169,142,.8);
    }
  }
}
.mg-t-20 {
  margin-top: 20px;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.box-card {
  margin: 0.875rem;
  &.is-always-shadow {
    box-shadow: none;
  }
}
.pagination-right {
  @include flex(flex-end, center);
  margin-top: 20px;
}